home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Date & Calendars / event-cal2.izs < prev    next >
Text File  |  2005-07-12  |  34KB  |  1,668 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Event Calendar 2 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Use this script to create your own event calender. Just fill in the necessary bits and away you go!<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>calenders<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- TWO STEPS TO INSTALL EVENT CALENDAR:
  14.  
  15.  
  16.  
  17.   1.  Copy the coding into the HEAD of your HTML document
  18.  
  19.   2.  Add the last code into the BODY of your HTML document  -->
  20.  
  21.  
  22.  
  23. <!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->
  24.  
  25.  
  26.  
  27. <HEAD>
  28.  
  29.  
  30. <!-- Original:  J McCaul (entiempo@ziplip.com) -->
  31.  
  32. <!-- Web Site:  http://www.lunarliving.org -->
  33.  
  34. <!-- Redesigned by J McCaul from Deluxe Calendar by Nikola Vrtis (nikki@vrtisworks.com ) and Matthew D. Krieg (battlebots102001@yahoo.com) -->
  35.  
  36. <SCRIPT LANGUAGE="JavaScript">
  37.  
  38. function make() {
  39.  
  40.  
  41.  
  42. var days = new Array("",0,1,2,3,4,5,6);
  43.  
  44.  
  45.  
  46. var monthdays = new Array("", 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
  47.  
  48.  
  49.  
  50. // to adjust for leap year
  51.  
  52. var Tyear = window.document.calendar_form.year.value;
  53.  
  54. if  (((Tyear % 4)==0) && (((Tyear % 100)!=0) || ((Tyear % 400)==0))) {
  55.  
  56. monthdays[2] = 29;
  57.  
  58. }
  59.  
  60.  
  61.  
  62. var Tnum_of_days = monthdays[window.document.calendar_form.which_month.selectedIndex];
  63.  
  64.  
  65.  
  66. var spaces = days[window.document.calendar_form.which_day.selectedIndex];
  67.  
  68.  
  69.  
  70. for(i=0; i<9; i++) {
  71.  
  72. if(window.document.calendar_form.font1[i].checked == true)
  73.  
  74.  var font1 = window.document.calendar_form.font1[i].value
  75.  
  76.  }
  77.  
  78.  
  79.  
  80. for(i=0; i<9; i++) {
  81.  
  82. if(window.document.calendar_form.font2[i].checked == true)
  83.  
  84.  var font2 = window.document.calendar_form.font2[i].value
  85.  
  86.  }
  87.  
  88.  
  89.  
  90. var code = "";
  91.  
  92.  
  93.  
  94. code += "<html><head><title>";
  95.  
  96.  
  97.  
  98. code += "Events in ";
  99.  
  100.  
  101.  
  102. var month = window.document.calendar_form.which_month.options[window.document.calendar_form.which_month.selectedIndex].text;
  103.  
  104.  
  105.  
  106. var year = window.document.calendar_form.year.value;
  107.  
  108.  
  109.  
  110.  
  111.  
  112. code += month;
  113.  
  114.  
  115.  
  116. code += " ";
  117.  
  118.  
  119.  
  120. code += year;
  121.  
  122.  
  123.  
  124. code += "</title></head>\n<body bgcolor=\"";
  125.  
  126.  
  127.  
  128. code += window.document.calendar_form.color1.value;
  129.  
  130.  
  131.  
  132. code += "\">\n";
  133.  
  134.  
  135.  
  136. code += "<center>";
  137.  
  138.  
  139.  
  140. code += "<p><font size=\"5\" color=\"#";
  141.  
  142.  
  143.  
  144. code += window.document.calendar_form.color2.value;
  145.  
  146.  
  147.  
  148. code += "\" face=\"" + font1 + "," + font2 + "\">";
  149.  
  150.  
  151.  
  152. code += month;
  153.  
  154.  
  155.  
  156. code += " ";
  157.  
  158.  
  159.  
  160. code += year;
  161.  
  162.  
  163.  
  164. code += "<br>\n";
  165.  
  166.  
  167.  
  168. code += "Calendar Events</font></p>\n";
  169.  
  170.  
  171.  
  172. code += "</center>\n";
  173.  
  174.  
  175.  
  176. code += "<table align=\"center\" width=\"700\" cellpadding=\"3\" cellspacing=\"1\" border=\"2\" bgcolor=\"#";
  177.  
  178.  
  179.  
  180. code += window.document.calendar_form.color3.value;
  181.  
  182.  
  183.  
  184. code += "\">\n";
  185.  
  186.  
  187.  
  188. code += "<tr><td colspan=7><font color=\"#";
  189.  
  190.  
  191.  
  192. code += window.document.calendar_form.color4.value;
  193.  
  194.  
  195.  
  196. code += "\"><center><strong>";
  197.  
  198.  
  199.  
  200. code += month;
  201.  
  202.  
  203.  
  204. code += " ";
  205.  
  206.  
  207.  
  208. code += window.document.calendar_form.year.value;
  209.  
  210.  
  211.  
  212. code += "</strong></center></font></td></tr>";
  213.  
  214.  
  215.  
  216. code += "<tr>";
  217.  
  218.  
  219.  
  220. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  221.  
  222.  
  223.  
  224. code += window.document.calendar_form.color4.value;
  225.  
  226.  
  227.  
  228. code += "\"><b>Sunday</b></font></td>";
  229.  
  230.  
  231.  
  232. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  233.  
  234.  
  235.  
  236. code += window.document.calendar_form.color4.value;
  237.  
  238.  
  239.  
  240. code += "\"><b>Monday</b></font></td>";
  241.  
  242.  
  243.  
  244. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  245.  
  246.  
  247.  
  248. code += window.document.calendar_form.color4.value;
  249.  
  250.  
  251.  
  252. code += "\"><b>Tuesday</b></font></td>";
  253.  
  254.  
  255.  
  256. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  257.  
  258.  
  259.  
  260. code += window.document.calendar_form.color4.value;
  261.  
  262.  
  263.  
  264. code += "\"><b>Wednesday</b></font></td>";
  265.  
  266.  
  267.  
  268. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  269.  
  270.  
  271.  
  272. code += window.document.calendar_form.color4.value;
  273.  
  274.  
  275.  
  276. code += "\"><b>Thursday</b></font></td>";
  277.  
  278.  
  279.  
  280. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  281.  
  282.  
  283.  
  284. code += window.document.calendar_form.color4.value;
  285.  
  286.  
  287.  
  288. code += "\"><b>Friday</b></font></td>";
  289.  
  290.  
  291.  
  292. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  293.  
  294.  
  295.  
  296. code += window.document.calendar_form.color4.value;
  297.  
  298.  
  299.  
  300. code += "\"><b>Saturday</b></font></td>";
  301.  
  302.  
  303.  
  304. code += "</tr>";
  305.  
  306.  
  307.  
  308. // for the date cells
  309.  
  310.  
  311.  
  312. code += "<tr>";
  313.  
  314.  
  315.  
  316. while (spaces >7) spaces -=7;
  317.  
  318.  
  319.  
  320. for (i=1; i <=spaces; i++) {
  321.  
  322.  
  323.  
  324. code += "<td align=center> \;</td>";
  325.  
  326.  
  327.  
  328. }
  329.  
  330.  
  331.  
  332. count=1;
  333.  
  334.  
  335.  
  336. if (spaces + count <=8) {
  337.  
  338.  
  339.  
  340. bal = 7-spaces;
  341.  
  342.  
  343.  
  344. // is this the portion here?
  345.  
  346.  
  347.  
  348. //if ((bal == 1) || (bal == 2) || (bal == 3) ||( bal == 4) || (bal == 5) || (bal == 6) || (bal == 7))  {
  349.  
  350.  
  351.  
  352. for (a =0; a <bal; a++) {
  353.  
  354.  
  355.  
  356. code += "<td valign=top width=\"100\" height=\"50\"><font color=\"#";
  357.  
  358.  
  359.  
  360. code += window.document.calendar_form.color4.value;
  361.  
  362.  
  363.  
  364. code += "\" size=\"2\" face=\"" + font1 + "," + font2 + "\"><b>";
  365.  
  366.  
  367.  
  368. code += count;
  369.  
  370.  
  371.  
  372. code += "</b><P align=right>";
  373.  
  374.  
  375.  
  376. // Please Note that count+2 is used to help the counter move beyond the counting of the first "elements" which_month[0], which_day[1] & year[2] to catch the correct text since these are at the start of the table.
  377.  
  378.  
  379.  
  380. code += window.document.calendar_form.elements[count+2].value;
  381.  
  382.  
  383.  
  384. code += "</p></font></td>\n";
  385.  
  386.  
  387.  
  388. count++;
  389.  
  390.  
  391.  
  392. }
  393.  
  394.  
  395.  
  396. code += "</tr>\n";
  397.  
  398.  
  399.  
  400. code += "<tr>\n";
  401.  
  402.  
  403.  
  404. }
  405.  
  406.  
  407.  
  408. // takes us into the rest of the calendar
  409.  
  410.  
  411.  
  412. while (count <= Tnum_of_days) {
  413.  
  414.  
  415.  
  416. for (b =0; b <7; b++) {
  417.  
  418.  
  419.  
  420. code += "<td valign=top width=\"100\" height=\"50\"><font color=\"#";
  421.  
  422.  
  423.  
  424. code += window.document.calendar_form.color4.value;
  425.  
  426.  
  427.  
  428. code += "\" size=\"2\" face=\"" + font1 + "," + font2 + "\"><b>";
  429.  
  430.  
  431.  
  432. if (count <= Tnum_of_days) {
  433.  
  434.  
  435.  
  436. code += count;
  437.  
  438.  
  439.  
  440. code += "</b><P align=right>";
  441.  
  442.  
  443.  
  444. code += window.document.calendar_form.elements[count+2].value;
  445.  
  446.  
  447.  
  448. code += "</p></font>";
  449.  
  450.  
  451.  
  452. }
  453.  
  454.  
  455.  
  456. else {
  457.  
  458.  
  459.  
  460. code += " ";
  461.  
  462.  
  463.  
  464. }
  465.  
  466.  
  467.  
  468. code += "</td>\n";
  469.  
  470.  
  471.  
  472. count++;
  473.  
  474.  
  475.  
  476. }
  477.  
  478.  
  479.  
  480. code += "</tr>\n";
  481.  
  482.  
  483.  
  484. code += "<tr>\n";
  485.  
  486.  
  487.  
  488. }
  489.  
  490.  
  491.  
  492. code += "</tr>\n";
  493.  
  494.  
  495.  
  496. code += "</table>\n";
  497.  
  498.  
  499.  
  500. code += "</body></html>\n";
  501.  
  502.  
  503.  
  504. msgWindow=window.open("","displayWindow","toolbar=no,width=700,height=400,directories=yes,status=yes,scrollbars=yes,resizable=yes,menubar=yes");
  505.  
  506. msgWindow.document.write(code);
  507.  
  508. msgWindow.document.close();
  509.  
  510.  
  511.  
  512. }
  513.  
  514.  
  515.  
  516. function ref() {
  517.  
  518. window.open("ReferenceCal.html","newWindow","toolbar=no,width=300,height=400,directories=no,status=no,scrollbars=yes,resizable=no,menubar=no")
  519.  
  520. }
  521.  
  522.  
  523.  
  524. </script>
  525.  
  526. </HEAD>
  527.  
  528.  
  529.  
  530. <!-- STEP TWO: Copy this code into the BODY of your HTML document  -->
  531.  
  532.  
  533.  
  534. <BODY>
  535.  
  536.  
  537.  
  538. <!-- Original:  J McCaul (entiempo@ziplip.com) -->
  539.  
  540. <!-- Web Site:  http://www.lunarliving.org -->
  541.  
  542. <!-- Redesigned by J McCaul from Deluxe Calendar by Nikola Vrtis (nikki@vrtisworks.com ) and Matthew D. Krieg (battlebots102001@yahoo.com) -->
  543.  
  544. <p>
  545.  
  546. <form>Click here to open <br><input type=button value="a reference calendar" onClick="ref()"></form></p>
  547.  
  548. </center>
  549.  
  550. <p><b>Event input suggestions:</b> If the event has an explanation, give it a brief title, followed by a colon (:), followed by the explanation. Separate events by typing <br> between the end of one event and the beginning of the next event (this puts the new event on its own line). HTML codes for bold and italic will also work.</p>
  551.  
  552. <BR>
  553.  
  554. <form name="calendar_form">
  555.  
  556. <table border="2" cellpadding="1" cellspacing="1" width="100%" bgcolor="#eeeeee">
  557.  
  558. <tr>
  559.  
  560. <td>
  561.  
  562. <!--
  563.  
  564. blank
  565.  
  566. -->
  567.  
  568. </td>
  569.  
  570. <td>Choose a month: <select name="which_month">
  571.  
  572. <option>select one</option>
  573.  
  574. <option>January</option>
  575.  
  576. <option>February</option>
  577.  
  578. <option>March</option>
  579.  
  580. <option>April</option>
  581.  
  582. <option>May</option>
  583.  
  584. <option>June</option>
  585.  
  586. <option>July</option>
  587.  
  588. <option>August</option>
  589.  
  590. <option>September</option>
  591.  
  592. <option>October</option>
  593.  
  594. <option>November</option>
  595.  
  596. <option>December</option>
  597.  
  598. </select>
  599.  
  600. <BR><font size="1">Adjusts for # of days/month.</font>
  601.  
  602. </td>
  603.  
  604.  
  605.  
  606. <td>
  607.  
  608. Day that the month starts on: <select name="which_day">
  609.  
  610. <option>Select Day:
  611.  
  612. <option>Sunday</option>
  613.  
  614. <option>Monday</option>
  615.  
  616. <option>Tuesday</option>
  617.  
  618. <option>Wednesday</option>
  619.  
  620. <option>Thursday</option>
  621.  
  622. <option>Friday</option>
  623.  
  624. <option>Saturday</option>
  625.  
  626. </select>
  627.  
  628. <BR><font size="1">Use Ref. Cal. above to find day.</font>
  629.  
  630. </td>
  631.  
  632. <td>
  633.  
  634. The four-digit year for this calendar is:
  635.  
  636. <input type="text" size="4" maxlength="4" name="year" value="2003"><BR><font size="1">This can be changed as needed.</font>
  637.  
  638. </td>
  639.  
  640. </tr>
  641.  
  642.  
  643.  
  644. <tr>
  645.  
  646. <td><font size="2">What happens on the 1st? </font><textarea name="on_1" rows="2" cols="15"></textarea></td>
  647.  
  648. <td><font size="2">What happens on the 2nd? </font><textarea name="on_2" rows="2" cols="15"></textarea></td>
  649.  
  650. <td><font size="2">What happens on the 3rd? </font><textarea name="on_3" rows="2" cols="15"></textarea></td>
  651.  
  652. <td><font size="2">What happens on the 4th? </font><textarea name="on_4" rows="2" cols="15"></textarea></td>
  653.  
  654. </tr>
  655.  
  656.  
  657.  
  658. <tr>
  659.  
  660. <td><font size="2">What happens on the 5th? </font><textarea name="on_5" rows="2" cols="15"></textarea></td>
  661.  
  662. <td><font size="2">What happens on the 6th? </font><textarea name="on_6" rows="2" cols="15"></textarea></td>
  663.  
  664. <td><font size="2">What happens on the 7th? </font><textarea name="on_7" rows="2" cols="15"></textarea></td>
  665.  
  666. <td><font size="2">What happens on the 8th? </font><textarea name="on_8" rows="2" cols="15"></textarea></td>
  667.  
  668. </tr>
  669.  
  670.  
  671.  
  672. <tr>
  673.  
  674. <td><font size="2">What happens on the 9th? </font><textarea name="on_9" rows="2" cols="15"></textarea></td>
  675.  
  676. <td><font size="2">What happens on the 10th? </font><textarea name="on_10" rows="2" cols="15"></textarea></td>
  677.  
  678. <td><font size="2">What happens on the 11th? </font><textarea name="on_11" rows="2" cols="15"></textarea></td>
  679.  
  680. <td><font size="2">What happens on the 12th? </font><textarea name="on_12" rows="2" cols="15"></textarea></td>
  681.  
  682. </tr>
  683.  
  684.  
  685.  
  686. <tr>
  687.  
  688. <td><font size="2">What happens on the 13th? </font><textarea name="on_13" rows="2" cols="15"></textarea></td>
  689.  
  690. <td><font size="2">What happens on the 14th? </font><textarea name="on_14" rows="2" cols="15"></textarea></td>
  691.  
  692. <td><font size="2">What happens on the 15th? </font><textarea name="on_15" rows="2" cols="15"></textarea></td>
  693.  
  694. <td><font size="2">What happens on the 16th? </font><textarea name="on_16" rows="2" cols="15"></textarea></td>
  695.  
  696. </tr>
  697.  
  698.  
  699.  
  700. <tr>
  701.  
  702. <td><font size="2">What happens on the 17th? </font><textarea name="on_17" rows="2" cols="15"></textarea></td>
  703.  
  704. <td><font size="2">What happens on the 18th? </font><textarea name="on_18" rows="2" cols="15"></textarea></td>
  705.  
  706. <td><font size="2">What happens on the 19th? </font><textarea name="on_19" rows="2" cols="15"></textarea></td>
  707.  
  708. <td><font size="2">What happens on the 20th? </font><textarea name="on_20" rows="2" cols="15"></textarea></td>
  709.  
  710. </tr>
  711.  
  712.  
  713.  
  714. <tr>
  715.  
  716. <td><font size="2">What happens on the 21st? </font><textarea name="on_21" rows="2" cols="15"></textarea></td>
  717.  
  718. <td><font size="2">What happens on the 22nd? </font><textarea name="on_22" rows="2" cols="15"></textarea></td>
  719.  
  720. <td><font size="2">What happens on the 23th? </font><textarea name="on_23" rows="2" cols="15"></textarea></td>
  721.  
  722. <td><font size="2">What happens on the 24th? </font><textarea name="on_24" rows="2" cols="15"></textarea></td>
  723.  
  724. </tr>
  725.  
  726.  
  727.  
  728. <tr>
  729.  
  730. <td><font size="2">What happens on the 25th? </font><textarea name="on_25" rows="2" cols="15"></textarea></td>
  731.  
  732. <td><font size="2">What happens on the 26th? </font><textarea name="on_26" rows="2" cols="15"></textarea></td>
  733.  
  734. <td><font size="2">What happens on the 27th? </font><textarea name="on_27" rows="2" cols="15"></textarea></td>
  735.  
  736. <td><font size="2">What happens on the 28th? </font><textarea name="on_28" rows="2" cols="15"></textarea></td>
  737.  
  738. </tr>
  739.  
  740.  
  741.  
  742. <tr>
  743.  
  744. <td><font size="2">What happens on the 29nd? </font><textarea name="on_29" rows="2" cols="15"></textarea></td>
  745.  
  746. <td><font size="2">What happens on the 30th? </font><textarea name="on_30" rows="2" cols="15"></textarea></td>
  747.  
  748. <td><font size="2">What happens on the 31st? </font><textarea name="on_31" rows="2" cols="15"></textarea></td>
  749.  
  750. <td><!-- blank --></td>
  751.  
  752. </tr>
  753.  
  754. </table>
  755.  
  756.  
  757.  
  758. <font face="Arial,Helvetica">
  759.  
  760. <table><tr><td width="300">
  761.  
  762. <b>Color for background of page:</b><BR>                        #<input type="text" size="6" maxlength="6" name="color1" value="000000"><br>
  763.  
  764. <b>Color for text outside of calendar:</b><BR>                        #<input type="text" size="6" maxlength="6" name="color2" value="dddddd"><br>
  765.  
  766. <b>Color of the calendar cells:</b><BR>                        #<input type="text" size="6" maxlength="6" name="color3" value="ffffff"><br>
  767.  
  768. <b>Color for text inside of calendar:</b><BR>                        #<input type="text" size="6" maxlength="6" name="color4" value="000000"></br>
  769.  
  770. </td><td valign=top>
  771.  
  772. <p><b>Choose your first choice for the text font:</b><br>
  773.  
  774. <input type="radio" name="font1" value="Arial" checked><font face="Arial">Arial</font>    <input type="radio" name="font1" value="Comic Sans MS"><font face="Comic Sans MS">Comic Sans MS</font>    <input type="radio" name="font1" value="Trebuchet MS"><font face="Trebuchet MS">Trebuchet MS</font>    <input type="radio" name="font1" value="Verdana"><font face="Verdana">Verdana</font><br>
  775.  
  776. <input type="radio" name="font1" value="Arial Black"><font face="Arial Black">Arial Black</font>    <input type="radio" name="font1" value="Impact"><font face="Impact">Impact</font><br>
  777.  
  778. <input type="radio" name="font1" value="Courier New"><font face="Courier New">Courier New</font>    <input type="radio" name="font1" value="Georgia"><font face="Georgia">Georgia</font>   <input type="radio" name="font1" value="Times New Roman"><font face="Times New Roman">Times New Roman</font><br>
  779.  
  780. </td><td valign=top>
  781.  
  782. <p><b>Choose your second choice for the text font:</b><br>
  783.  
  784. <input type="radio" name="font2" value="Arial"><font face="Arial">Arial</font>    <input type="radio" name="font2" value="Comic Sans MS"><font face="Comic Sans MS">Comic Sans MS</font>    <input type="radio" name="font2" value="Trebuchet MS"><font face="Trebuchet MS">Trebuchet MS</font>    <input type="radio" name="font2" value="Verdana" checked><font face="Verdana">Verdana</font><br>
  785.  
  786. <input type="radio" name="font2" value="Arial Black"><font face="Arial Black">Arial Black</font>    <input type="radio" name="font2" value="Impact"><font face="Impact">Impact</font><br>
  787.  
  788. <input type="radio" name="font2" value="Courier New"><font face="Courier New">Courier New</font>    <input type="radio" name="font2" value="Georgia"><font face="Georgia">Georgia</font>   <input type="radio" name="font2" value="Times New Roman"><font face="Times New Roman">Times New Roman</font><br>
  789.  
  790. </td>
  791.  
  792. </tr>
  793.  
  794.  
  795.  
  796. <tr><td><br><font size=2><b>** Use Hex. codes for colors </b>- do not include the # symbol<BR>   Ex: 000000 = black   ffffff = White   0000ff = blue   ff0000 = red   cccccc = gray</font></td><td align=center colspan=2><p>Clicking the "New Calendar" button will clear this form.</p>
  797.  
  798. <p><input type="button" value="make calendar" onClick="make();"> <input type="reset" value="new calendar"></p></td></tr>
  799.  
  800. </table>
  801.  
  802.  
  803.  
  804.  
  805.  
  806. </font>
  807.  
  808. </form>
  809.  
  810. <p>To save the calendar that you have just made to your hard-drive, do the following steps:<BR><BR>
  811.  
  812. <b>(Using Windows Operating Systems)</b><br>
  813.  
  814. 1) Use the mouse to "right click" on the calendar page you just created. <br>
  815.  
  816. 2) In the popup list choose "View Source" or "View Page Source."<br>
  817.  
  818. 3) A little text file will open up - click on "File" in the toolbar of that new file. <br>
  819.  
  820. 4) Select "Save As" - Use the "Save in" dropdown window to find a good place on your hard-drive to save the file in so you can find it later. <br>
  821.  
  822. 5) While still in the Save As window, give the file a name like "January2003.html" (make sure to use the quotes around the file name and include the .html or .htm inside the quotes).<br>
  823.  
  824. 6) Click "Save" button. <br>
  825.  
  826. 7) Go to the directory that you saved the html file in. <br>
  827.  
  828. 8) Right click on the file and use the "Open With" to find your browser type. <br>
  829.  
  830. 9) If you have a newer version of Word on your computer, you may also be able to open the document in Word (after it has been saved). In Word, you can edit information that you might want changed on the calender at a later date (something you can't easily do with an html file). To do this, to highlight the calendar (Edit -> Select All + Edit -> Copy) and paste it into a new Word document window. Not all computers have the newer Word versions, so this last choice may not work for everyone. <br>
  831.  
  832. </p>
  833.  
  834.  
  835. <!-- END OF SCRIPT -->
  836. <!/SCRIPT>
  837.  
  838. <!PREVIEW>
  839. <!-- START OF SCRIPT -->
  840.  
  841.  
  842. <!-- TWO STEPS TO INSTALL EVENT CALENDAR:
  843.  
  844.  
  845.  
  846.   1.  Copy the coding into the HEAD of your HTML document
  847.  
  848.   2.  Add the last code into the BODY of your HTML document  -->
  849.  
  850.  
  851.  
  852. <!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->
  853.  
  854.  
  855.  
  856. <HEAD>
  857.  
  858.  
  859. <!-- Original:  J McCaul (entiempo@ziplip.com) -->
  860.  
  861. <!-- Web Site:  http://www.lunarliving.org -->
  862.  
  863. <!-- Redesigned by J McCaul from Deluxe Calendar by Nikola Vrtis (nikki@vrtisworks.com ) and Matthew D. Krieg (battlebots102001@yahoo.com) -->
  864.  
  865. <SCRIPT LANGUAGE="JavaScript">
  866.  
  867. function make() {
  868.  
  869.  
  870.  
  871. var days = new Array("",0,1,2,3,4,5,6);
  872.  
  873.  
  874.  
  875. var monthdays = new Array("", 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
  876.  
  877.  
  878.  
  879. // to adjust for leap year
  880.  
  881. var Tyear = window.document.calendar_form.year.value;
  882.  
  883. if  (((Tyear % 4)==0) && (((Tyear % 100)!=0) || ((Tyear % 400)==0))) {
  884.  
  885. monthdays[2] = 29;
  886.  
  887. }
  888.  
  889.  
  890.  
  891. var Tnum_of_days = monthdays[window.document.calendar_form.which_month.selectedIndex];
  892.  
  893.  
  894.  
  895. var spaces = days[window.document.calendar_form.which_day.selectedIndex];
  896.  
  897.  
  898.  
  899. for(i=0; i<9; i++) {
  900.  
  901. if(window.document.calendar_form.font1[i].checked == true)
  902.  
  903.  var font1 = window.document.calendar_form.font1[i].value
  904.  
  905.  }
  906.  
  907.  
  908.  
  909. for(i=0; i<9; i++) {
  910.  
  911. if(window.document.calendar_form.font2[i].checked == true)
  912.  
  913.  var font2 = window.document.calendar_form.font2[i].value
  914.  
  915.  }
  916.  
  917.  
  918.  
  919. var code = "";
  920.  
  921.  
  922.  
  923. code += "<html><head><title>";
  924.  
  925.  
  926.  
  927. code += "Events in ";
  928.  
  929.  
  930.  
  931. var month = window.document.calendar_form.which_month.options[window.document.calendar_form.which_month.selectedIndex].text;
  932.  
  933.  
  934.  
  935. var year = window.document.calendar_form.year.value;
  936.  
  937.  
  938.  
  939.  
  940.  
  941. code += month;
  942.  
  943.  
  944.  
  945. code += " ";
  946.  
  947.  
  948.  
  949. code += year;
  950.  
  951.  
  952.  
  953. code += "</title></head>\n<body bgcolor=\"";
  954.  
  955.  
  956.  
  957. code += window.document.calendar_form.color1.value;
  958.  
  959.  
  960.  
  961. code += "\">\n";
  962.  
  963.  
  964.  
  965. code += "<center>";
  966.  
  967.  
  968.  
  969. code += "<p><font size=\"5\" color=\"#";
  970.  
  971.  
  972.  
  973. code += window.document.calendar_form.color2.value;
  974.  
  975.  
  976.  
  977. code += "\" face=\"" + font1 + "," + font2 + "\">";
  978.  
  979.  
  980.  
  981. code += month;
  982.  
  983.  
  984.  
  985. code += " ";
  986.  
  987.  
  988.  
  989. code += year;
  990.  
  991.  
  992.  
  993. code += "<br>\n";
  994.  
  995.  
  996.  
  997. code += "Calendar Events</font></p>\n";
  998.  
  999.  
  1000.  
  1001. code += "</center>\n";
  1002.  
  1003.  
  1004.  
  1005. code += "<table align=\"center\" width=\"700\" cellpadding=\"3\" cellspacing=\"1\" border=\"2\" bgcolor=\"#";
  1006.  
  1007.  
  1008.  
  1009. code += window.document.calendar_form.color3.value;
  1010.  
  1011.  
  1012.  
  1013. code += "\">\n";
  1014.  
  1015.  
  1016.  
  1017. code += "<tr><td colspan=7><font color=\"#";
  1018.  
  1019.  
  1020.  
  1021. code += window.document.calendar_form.color4.value;
  1022.  
  1023.  
  1024.  
  1025. code += "\"><center><strong>";
  1026.  
  1027.  
  1028.  
  1029. code += month;
  1030.  
  1031.  
  1032.  
  1033. code += " ";
  1034.  
  1035.  
  1036.  
  1037. code += window.document.calendar_form.year.value;
  1038.  
  1039.  
  1040.  
  1041. code += "</strong></center></font></td></tr>";
  1042.  
  1043.  
  1044.  
  1045. code += "<tr>";
  1046.  
  1047.  
  1048.  
  1049. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  1050.  
  1051.  
  1052.  
  1053. code += window.document.calendar_form.color4.value;
  1054.  
  1055.  
  1056.  
  1057. code += "\"><b>Sunday</b></font></td>";
  1058.  
  1059.  
  1060.  
  1061. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  1062.  
  1063.  
  1064.  
  1065. code += window.document.calendar_form.color4.value;
  1066.  
  1067.  
  1068.  
  1069. code += "\"><b>Monday</b></font></td>";
  1070.  
  1071.  
  1072.  
  1073. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  1074.  
  1075.  
  1076.  
  1077. code += window.document.calendar_form.color4.value;
  1078.  
  1079.  
  1080.  
  1081. code += "\"><b>Tuesday</b></font></td>";
  1082.  
  1083.  
  1084.  
  1085. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  1086.  
  1087.  
  1088.  
  1089. code += window.document.calendar_form.color4.value;
  1090.  
  1091.  
  1092.  
  1093. code += "\"><b>Wednesday</b></font></td>";
  1094.  
  1095.  
  1096.  
  1097. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  1098.  
  1099.  
  1100.  
  1101. code += window.document.calendar_form.color4.value;
  1102.  
  1103.  
  1104.  
  1105. code += "\"><b>Thursday</b></font></td>";
  1106.  
  1107.  
  1108.  
  1109. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  1110.  
  1111.  
  1112.  
  1113. code += window.document.calendar_form.color4.value;
  1114.  
  1115.  
  1116.  
  1117. code += "\"><b>Friday</b></font></td>";
  1118.  
  1119.  
  1120.  
  1121. code += "<td width=100 align=center><font size=\"2\" color=\"#";
  1122.  
  1123.  
  1124.  
  1125. code += window.document.calendar_form.color4.value;
  1126.  
  1127.  
  1128.  
  1129. code += "\"><b>Saturday</b></font></td>";
  1130.  
  1131.  
  1132.  
  1133. code += "</tr>";
  1134.  
  1135.  
  1136.  
  1137. // for the date cells
  1138.  
  1139.  
  1140.  
  1141. code += "<tr>";
  1142.  
  1143.  
  1144.  
  1145. while (spaces >7) spaces -=7;
  1146.  
  1147.  
  1148.  
  1149. for (i=1; i <=spaces; i++) {
  1150.  
  1151.  
  1152.  
  1153. code += "<td align=center> \;</td>";
  1154.  
  1155.  
  1156.  
  1157. }
  1158.  
  1159.  
  1160.  
  1161. count=1;
  1162.  
  1163.  
  1164.  
  1165. if (spaces + count <=8) {
  1166.  
  1167.  
  1168.  
  1169. bal = 7-spaces;
  1170.  
  1171.  
  1172.  
  1173. // is this the portion here?
  1174.  
  1175.  
  1176.  
  1177. //if ((bal == 1) || (bal == 2) || (bal == 3) ||( bal == 4) || (bal == 5) || (bal == 6) || (bal == 7))  {
  1178.  
  1179.  
  1180.  
  1181. for (a =0; a <bal; a++) {
  1182.  
  1183.  
  1184.  
  1185. code += "<td valign=top width=\"100\" height=\"50\"><font color=\"#";
  1186.  
  1187.  
  1188.  
  1189. code += window.document.calendar_form.color4.value;
  1190.  
  1191.  
  1192.  
  1193. code += "\" size=\"2\" face=\"" + font1 + "," + font2 + "\"><b>";
  1194.  
  1195.  
  1196.  
  1197. code += count;
  1198.  
  1199.  
  1200.  
  1201. code += "</b><P align=right>";
  1202.  
  1203.  
  1204.  
  1205. // Please Note that count+2 is used to help the counter move beyond the counting of the first "elements" which_month[0], which_day[1] & year[2] to catch the correct text since these are at the start of the table.
  1206.  
  1207.  
  1208.  
  1209. code += window.document.calendar_form.elements[count+2].value;
  1210.  
  1211.  
  1212.  
  1213. code += "</p></font></td>\n";
  1214.  
  1215.  
  1216.  
  1217. count++;
  1218.  
  1219.  
  1220.  
  1221. }
  1222.  
  1223.  
  1224.  
  1225. code += "</tr>\n";
  1226.  
  1227.  
  1228.  
  1229. code += "<tr>\n";
  1230.  
  1231.  
  1232.  
  1233. }
  1234.  
  1235.  
  1236.  
  1237. // takes us into the rest of the calendar
  1238.  
  1239.  
  1240.  
  1241. while (count <= Tnum_of_days) {
  1242.  
  1243.  
  1244.  
  1245. for (b =0; b <7; b++) {
  1246.  
  1247.  
  1248.  
  1249. code += "<td valign=top width=\"100\" height=\"50\"><font color=\"#";
  1250.  
  1251.  
  1252.  
  1253. code += window.document.calendar_form.color4.value;
  1254.  
  1255.  
  1256.  
  1257. code += "\" size=\"2\" face=\"" + font1 + "," + font2 + "\"><b>";
  1258.  
  1259.  
  1260.  
  1261. if (count <= Tnum_of_days) {
  1262.  
  1263.  
  1264.  
  1265. code += count;
  1266.  
  1267.  
  1268.  
  1269. code += "</b><P align=right>";
  1270.  
  1271.  
  1272.  
  1273. code += window.document.calendar_form.elements[count+2].value;
  1274.  
  1275.  
  1276.  
  1277. code += "</p></font>";
  1278.  
  1279.  
  1280.  
  1281. }
  1282.  
  1283.  
  1284.  
  1285. else {
  1286.  
  1287.  
  1288.  
  1289. code += " ";
  1290.  
  1291.  
  1292.  
  1293. }
  1294.  
  1295.  
  1296.  
  1297. code += "</td>\n";
  1298.  
  1299.  
  1300.  
  1301. count++;
  1302.  
  1303.  
  1304.  
  1305. }
  1306.  
  1307.  
  1308.  
  1309. code += "</tr>\n";
  1310.  
  1311.  
  1312.  
  1313. code += "<tr>\n";
  1314.  
  1315.  
  1316.  
  1317. }
  1318.  
  1319.  
  1320.  
  1321. code += "</tr>\n";
  1322.  
  1323.  
  1324.  
  1325. code += "</table>\n";
  1326.  
  1327.  
  1328.  
  1329. code += "</body></html>\n";
  1330.  
  1331.  
  1332.  
  1333. msgWindow=window.open("","displayWindow","toolbar=no,width=700,height=400,directories=yes,status=yes,scrollbars=yes,resizable=yes,menubar=yes");
  1334.  
  1335. msgWindow.document.write(code);
  1336.  
  1337. msgWindow.document.close();
  1338.  
  1339.  
  1340.  
  1341. }
  1342.  
  1343.  
  1344.  
  1345. function ref() {
  1346.  
  1347. window.open("ReferenceCal.html","newWindow","toolbar=no,width=300,height=400,directories=no,status=no,scrollbars=yes,resizable=no,menubar=no")
  1348.  
  1349. }
  1350.  
  1351.  
  1352.  
  1353. </script>
  1354.  
  1355. </HEAD>
  1356.  
  1357.  
  1358.  
  1359. <!-- STEP TWO: Copy this code into the BODY of your HTML document  -->
  1360.  
  1361.  
  1362.  
  1363. <BODY>
  1364.  
  1365.  
  1366.  
  1367. <!-- Original:  J McCaul (entiempo@ziplip.com) -->
  1368.  
  1369. <!-- Web Site:  http://www.lunarliving.org -->
  1370.  
  1371. <!-- Redesigned by J McCaul from Deluxe Calendar by Nikola Vrtis (nikki@vrtisworks.com ) and Matthew D. Krieg (battlebots102001@yahoo.com) -->
  1372.  
  1373. <p>
  1374.  
  1375. <form>Click here to open <br><input type=button value="a reference calendar" onClick="ref()"></form></p>
  1376.  
  1377. </center>
  1378.  
  1379. <p><b>Event input suggestions:</b> If the event has an explanation, give it a brief title, followed by a colon (:), followed by the explanation. Separate events by typing <br> between the end of one event and the beginning of the next event (this puts the new event on its own line). HTML codes for bold and italic will also work.</p>
  1380.  
  1381. <BR>
  1382.  
  1383. <form name="calendar_form">
  1384.  
  1385. <table border="2" cellpadding="1" cellspacing="1" width="100%" bgcolor="#eeeeee">
  1386.  
  1387. <tr>
  1388.  
  1389. <td>
  1390.  
  1391. <!--
  1392.  
  1393. blank
  1394.  
  1395. -->
  1396.  
  1397. </td>
  1398.  
  1399. <td>Choose a month: <select name="which_month">
  1400.  
  1401. <option>select one</option>
  1402.  
  1403. <option>January</option>
  1404.  
  1405. <option>February</option>
  1406.  
  1407. <option>March</option>
  1408.  
  1409. <option>April</option>
  1410.  
  1411. <option>May</option>
  1412.  
  1413. <option>June</option>
  1414.  
  1415. <option>July</option>
  1416.  
  1417. <option>August</option>
  1418.  
  1419. <option>September</option>
  1420.  
  1421. <option>October</option>
  1422.  
  1423. <option>November</option>
  1424.  
  1425. <option>December</option>
  1426.  
  1427. </select>
  1428.  
  1429. <BR><font size="1">Adjusts for # of days/month.</font>
  1430.  
  1431. </td>
  1432.  
  1433.  
  1434.  
  1435. <td>
  1436.  
  1437. Day that the month starts on: <select name="which_day">
  1438.  
  1439. <option>Select Day:
  1440.  
  1441. <option>Sunday</option>
  1442.  
  1443. <option>Monday</option>
  1444.  
  1445. <option>Tuesday</option>
  1446.  
  1447. <option>Wednesday</option>
  1448.  
  1449. <option>Thursday</option>
  1450.  
  1451. <option>Friday</option>
  1452.  
  1453. <option>Saturday</option>
  1454.  
  1455. </select>
  1456.  
  1457. <BR><font size="1">Use Ref. Cal. above to find day.</font>
  1458.  
  1459. </td>
  1460.  
  1461. <td>
  1462.  
  1463. The four-digit year for this calendar is:
  1464.  
  1465. <input type="text" size="4" maxlength="4" name="year" value="2003"><BR><font size="1">This can be changed as needed.</font>
  1466.  
  1467. </td>
  1468.  
  1469. </tr>
  1470.  
  1471.  
  1472.  
  1473. <tr>
  1474.  
  1475. <td><font size="2">What happens on the 1st? </font><textarea name="on_1" rows="2" cols="15"></textarea></td>
  1476.  
  1477. <td><font size="2">What happens on the 2nd? </font><textarea name="on_2" rows="2" cols="15"></textarea></td>
  1478.  
  1479. <td><font size="2">What happens on the 3rd? </font><textarea name="on_3" rows="2" cols="15"></textarea></td>
  1480.  
  1481. <td><font size="2">What happens on the 4th? </font><textarea name="on_4" rows="2" cols="15"></textarea></td>
  1482.  
  1483. </tr>
  1484.  
  1485.  
  1486.  
  1487. <tr>
  1488.  
  1489. <td><font size="2">What happens on the 5th? </font><textarea name="on_5" rows="2" cols="15"></textarea></td>
  1490.  
  1491. <td><font size="2">What happens on the 6th? </font><textarea name="on_6" rows="2" cols="15"></textarea></td>
  1492.  
  1493. <td><font size="2">What happens on the 7th? </font><textarea name="on_7" rows="2" cols="15"></textarea></td>
  1494.  
  1495. <td><font size="2">What happens on the 8th? </font><textarea name="on_8" rows="2" cols="15"></textarea></td>
  1496.  
  1497. </tr>
  1498.  
  1499.  
  1500.  
  1501. <tr>
  1502.  
  1503. <td><font size="2">What happens on the 9th? </font><textarea name="on_9" rows="2" cols="15"></textarea></td>
  1504.  
  1505. <td><font size="2">What happens on the 10th? </font><textarea name="on_10" rows="2" cols="15"></textarea></td>
  1506.  
  1507. <td><font size="2">What happens on the 11th? </font><textarea name="on_11" rows="2" cols="15"></textarea></td>
  1508.  
  1509. <td><font size="2">What happens on the 12th? </font><textarea name="on_12" rows="2" cols="15"></textarea></td>
  1510.  
  1511. </tr>
  1512.  
  1513.  
  1514.  
  1515. <tr>
  1516.  
  1517. <td><font size="2">What happens on the 13th? </font><textarea name="on_13" rows="2" cols="15"></textarea></td>
  1518.  
  1519. <td><font size="2">What happens on the 14th? </font><textarea name="on_14" rows="2" cols="15"></textarea></td>
  1520.  
  1521. <td><font size="2">What happens on the 15th? </font><textarea name="on_15" rows="2" cols="15"></textarea></td>
  1522.  
  1523. <td><font size="2">What happens on the 16th? </font><textarea name="on_16" rows="2" cols="15"></textarea></td>
  1524.  
  1525. </tr>
  1526.  
  1527.  
  1528.  
  1529. <tr>
  1530.  
  1531. <td><font size="2">What happens on the 17th? </font><textarea name="on_17" rows="2" cols="15"></textarea></td>
  1532.  
  1533. <td><font size="2">What happens on the 18th? </font><textarea name="on_18" rows="2" cols="15"></textarea></td>
  1534.  
  1535. <td><font size="2">What happens on the 19th? </font><textarea name="on_19" rows="2" cols="15"></textarea></td>
  1536.  
  1537. <td><font size="2">What happens on the 20th? </font><textarea name="on_20" rows="2" cols="15"></textarea></td>
  1538.  
  1539. </tr>
  1540.  
  1541.  
  1542.  
  1543. <tr>
  1544.  
  1545. <td><font size="2">What happens on the 21st? </font><textarea name="on_21" rows="2" cols="15"></textarea></td>
  1546.  
  1547. <td><font size="2">What happens on the 22nd? </font><textarea name="on_22" rows="2" cols="15"></textarea></td>
  1548.  
  1549. <td><font size="2">What happens on the 23th? </font><textarea name="on_23" rows="2" cols="15"></textarea></td>
  1550.  
  1551. <td><font size="2">What happens on the 24th? </font><textarea name="on_24" rows="2" cols="15"></textarea></td>
  1552.  
  1553. </tr>
  1554.  
  1555.  
  1556.  
  1557. <tr>
  1558.  
  1559. <td><font size="2">What happens on the 25th? </font><textarea name="on_25" rows="2" cols="15"></textarea></td>
  1560.  
  1561. <td><font size="2">What happens on the 26th? </font><textarea name="on_26" rows="2" cols="15"></textarea></td>
  1562.  
  1563. <td><font size="2">What happens on the 27th? </font><textarea name="on_27" rows="2" cols="15"></textarea></td>
  1564.  
  1565. <td><font size="2">What happens on the 28th? </font><textarea name="on_28" rows="2" cols="15"></textarea></td>
  1566.  
  1567. </tr>
  1568.  
  1569.  
  1570.  
  1571. <tr>
  1572.  
  1573. <td><font size="2">What happens on the 29nd? </font><textarea name="on_29" rows="2" cols="15"></textarea></td>
  1574.  
  1575. <td><font size="2">What happens on the 30th? </font><textarea name="on_30" rows="2" cols="15"></textarea></td>
  1576.  
  1577. <td><font size="2">What happens on the 31st? </font><textarea name="on_31" rows="2" cols="15"></textarea></td>
  1578.  
  1579. <td><!-- blank --></td>
  1580.  
  1581. </tr>
  1582.  
  1583. </table>
  1584.  
  1585.  
  1586.  
  1587. <font face="Arial,Helvetica">
  1588.  
  1589. <table><tr><td width="300">
  1590.  
  1591. <b>Color for background of page:</b><BR>                        #<input type="text" size="6" maxlength="6" name="color1" value="000000"><br>
  1592.  
  1593. <b>Color for text outside of calendar:</b><BR>                        #<input type="text" size="6" maxlength="6" name="color2" value="dddddd"><br>
  1594.  
  1595. <b>Color of the calendar cells:</b><BR>                        #<input type="text" size="6" maxlength="6" name="color3" value="ffffff"><br>
  1596.  
  1597. <b>Color for text inside of calendar:</b><BR>                        #<input type="text" size="6" maxlength="6" name="color4" value="000000"></br>
  1598.  
  1599. </td><td valign=top>
  1600.  
  1601. <p><b>Choose your first choice for the text font:</b><br>
  1602.  
  1603. <input type="radio" name="font1" value="Arial" checked><font face="Arial">Arial</font>    <input type="radio" name="font1" value="Comic Sans MS"><font face="Comic Sans MS">Comic Sans MS</font>    <input type="radio" name="font1" value="Trebuchet MS"><font face="Trebuchet MS">Trebuchet MS</font>    <input type="radio" name="font1" value="Verdana"><font face="Verdana">Verdana</font><br>
  1604.  
  1605. <input type="radio" name="font1" value="Arial Black"><font face="Arial Black">Arial Black</font>    <input type="radio" name="font1" value="Impact"><font face="Impact">Impact</font><br>
  1606.  
  1607. <input type="radio" name="font1" value="Courier New"><font face="Courier New">Courier New</font>    <input type="radio" name="font1" value="Georgia"><font face="Georgia">Georgia</font>   <input type="radio" name="font1" value="Times New Roman"><font face="Times New Roman">Times New Roman</font><br>
  1608.  
  1609. </td><td valign=top>
  1610.  
  1611. <p><b>Choose your second choice for the text font:</b><br>
  1612.  
  1613. <input type="radio" name="font2" value="Arial"><font face="Arial">Arial</font>    <input type="radio" name="font2" value="Comic Sans MS"><font face="Comic Sans MS">Comic Sans MS</font>    <input type="radio" name="font2" value="Trebuchet MS"><font face="Trebuchet MS">Trebuchet MS</font>    <input type="radio" name="font2" value="Verdana" checked><font face="Verdana">Verdana</font><br>
  1614.  
  1615. <input type="radio" name="font2" value="Arial Black"><font face="Arial Black">Arial Black</font>    <input type="radio" name="font2" value="Impact"><font face="Impact">Impact</font><br>
  1616.  
  1617. <input type="radio" name="font2" value="Courier New"><font face="Courier New">Courier New</font>    <input type="radio" name="font2" value="Georgia"><font face="Georgia">Georgia</font>   <input type="radio" name="font2" value="Times New Roman"><font face="Times New Roman">Times New Roman</font><br>
  1618.  
  1619. </td>
  1620.  
  1621. </tr>
  1622.  
  1623.  
  1624.  
  1625. <tr><td><br><font size=2><b>** Use Hex. codes for colors </b>- do not include the # symbol<BR>   Ex: 000000 = black   ffffff = White   0000ff = blue   ff0000 = red   cccccc = gray</font></td><td align=center colspan=2><p>Clicking the "New Calendar" button will clear this form.</p>
  1626.  
  1627. <p><input type="button" value="make calendar" onClick="make();"> <input type="reset" value="new calendar"></p></td></tr>
  1628.  
  1629. </table>
  1630.  
  1631.  
  1632.  
  1633.  
  1634.  
  1635. </font>
  1636.  
  1637. </form>
  1638.  
  1639. <p>To save the calendar that you have just made to your hard-drive, do the following steps:<BR><BR>
  1640.  
  1641. <b>(Using Windows Operating Systems)</b><br>
  1642.  
  1643. 1) Use the mouse to "right click" on the calendar page you just created. <br>
  1644.  
  1645. 2) In the popup list choose "View Source" or "View Page Source."<br>
  1646.  
  1647. 3) A little text file will open up - click on "File" in the toolbar of that new file. <br>
  1648.  
  1649. 4) Select "Save As" - Use the "Save in" dropdown window to find a good place on your hard-drive to save the file in so you can find it later. <br>
  1650.  
  1651. 5) While still in the Save As window, give the file a name like "January2003.html" (make sure to use the quotes around the file name and include the .html or .htm inside the quotes).<br>
  1652.  
  1653. 6) Click "Save" button. <br>
  1654.  
  1655. 7) Go to the directory that you saved the html file in. <br>
  1656.  
  1657. 8) Right click on the file and use the "Open With" to find your browser type. <br>
  1658.  
  1659. 9) If you have a newer version of Word on your computer, you may also be able to open the document in Word (after it has been saved). In Word, you can edit information that you might want changed on the calender at a later date (something you can't easily do with an html file). To do this, to highlight the calendar (Edit -> Select All + Edit -> Copy) and paste it into a new Word document window. Not all computers have the newer Word versions, so this last choice may not work for everyone. <br>
  1660.  
  1661. </p>
  1662.  
  1663.  
  1664.  
  1665. <!-- END OF SCRIPT -->
  1666. <!/PREVIEW>
  1667.  
  1668. <!RELATED>NONE<!/RELATED>